$width: 12.5rem;
$height: 2.5rem;
$border-radius: 10px;

$padding: 15px 30px;
$box-shadow: 0 0 10px
  rgba(
    $color: #000,
    $alpha: 0.1,
  );
$margin-top: 20px;
// hover样式
$bg-hover-color: rgba(
  $color: #fff,
  // $alpha: 0.45,
  $alpha: 0.6,
);
//默认样式
$bg-default-color: rgba(
  $color: #fff,
  // $alpha: 0.6,
  $alpha: 0.45,
);
//背景样式
$bg-color: rgba(
  $color: #fff,
  $alpha: 0.3,
);
//激活样式
$bg-active-color: rgba(
  $color: #fff,
  // $alpha: 0.45,
  $alpha: 0.9,
);
// 暗黑模式下样式
$bg-dark-default-color: rgba(255, 255, 255, 0.45);
$bg-dark-hover-color: rgba(255, 255, 255, 0.6);
$bg-dark-active-color: rgba(255, 255, 255, 0.9);
